<!--回弹业务数据字典---回弹仪器设备管理---查看-->
<template>
  <div class="department" id="department">
    <!-- 右侧 -->
    <div class="department_right">
      <div class="app-container-btn">
        <el-button type="primary" @click="yj_saveForm('formData')">
          保存
        </el-button>
        <el-button @click="goBack">返回</el-button>
      </div>

      <!-- 表格 -->
      <div class="text_table TensionRealTime">
        <div class="dialogBody common table_detail" style="overflow: hidden">
          <div style="overflow-y: auto; height: 100%">
            <div class="app-container-area-title">
              <span class="app-container-area-title-divider"></span>
              <span>基本信息</span>
            </div>
            <div class="publicForm">
              <publicForm
                ref="publicForm"
                lableWidth="125px"
                :formObj="formObjText"
                :formData="formData"
                @inputChange="inputChange"
                @clickDialog="clickDialog"
                @inputFocus="inputFocus"
              >
              </publicForm>
            </div>
            <div class="mixProportion">
              <div class="titleBig">
                <div class="title" style="width: 20%; border-left: none">
                  项目
                </div>
                <div class="title">水泥</div>
                <div class="title">砂</div>
                <div class="title title1" style="width: 24%">
                  <div class="title1_1">碎石</div>
                  <div class="title1_2">
                    <div class="title1_2_1" style="border-left: none">1</div>
                    <div class="title1_2_1">2</div>
                    <div class="title1_2_1">3</div>
                  </div>
                </div>
                <div class="title">水</div>
                <div class="title">减水剂</div>
                <div class="title title1" style="width: 16%">
                  <div class="title1_1">外渗料</div>
                  <div class="title1_2">
                    <div class="title1_2_2" style="border-left: none">
                      粉煤灰
                    </div>
                    <div class="title1_2_2">矿渣粉</div>
                  </div>
                </div>
                <div class="title">防水添加剂</div>
              </div>
              <div
                class="titleSmall"
                v-for="(v, i) in formData.materialList"
                :key="i"
              >
                <div
                  class="title2"
                  style="width: 20%; border-left: none"
                  v-text="v[0]"
                ></div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[1]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[2]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[3]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[4]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[5]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[6]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[7]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[8]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[9]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
                <div class="title2">
                  <el-input
                    type="number"
                    v-model="v[10]"
                    placeholder="/"
                    :disabled="disabled"
                  ></el-input>
                </div>
              </div>
            </div>
            <div class="publicForm" style="height: 80px">
              <publicForm
                ref="publicForm0"
                lableWidth="125px"
                :formObj="formObjText1"
                :formData="formData"
                :timestamp="formData.fFillingfile"
                :fileList="fSourcefileList"
                @delteFile="delteFile"
                @inputFocus="inputFocus"
              >
              </publicForm>
            </div>
          </div>
        </div>
      </div>

      <!-- 根据组织机构树选人 -->
      <!-- <div class="Control-1 mechanism_dialogS closure">
        <el-dialog
          :title="candidate"
          :modal-append-to-body="false"
          
          :visible.sync="dialogEditVisibleTree"
          v-loading="loadingEditDialogTree"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.2)"
        >
          <div
            class="dialogBody common"
            :style="{ height: '650px' }"
            style="overflow: hidden; width: 100%"
          >
            <div style="margin-bottom: 20px; height: 100%; width: 100%">
              <div
                class="publicForm addMemberCheckBox"
                style="height: calc(100% - 40px); overflow-y: auto; width: 100%"
              >
                <div class="addMemberCheckTree">
                  <div class="companyBox">
                    <el-tree
                      :data="companyInfo"
                      :props="defaultProps"
                      @node-click="selectCompany"
                      :highlight-current="highlightBd"
                    ></el-tree>
                  </div>
                  <div class="departmentBox">
                    <div
                      class="departmentTitle"
                      v-for="(item, index) in departmentList"
                      :key="index"
                      @click="seletDepartment(item, index)"
                    >
                      <a
                        href="javascript:;"
                        :class="num === item.fDepartmentId ? 'activetext' : ''"
                        :title="item.fShortName"
                      >
                        {{ item.fShortName }}</a
                      >
                    </div>
                  </div>
                </div>

                <div class="addMemberCheckLeft">
                  <el-radio-group
                    v-model="checkboxGroup1"
                    @change="selectRealname($event, personList)"
                  >
                    <el-radio-button
                      v-for="item in personList"
                      :label="item.fUserid"
                      :key="item.fUserid"
                      :value="item.fRealname"
                    >
                      <div class="addMemberCheck">
                        <div class="MemberIcon">
                          <img :src="item.fGender == 0 ? girls : boys" alt="" />
                        </div>
                        <div class="MemberDetailInfos">
                          <div class="name">{{ item.fRealname }}</div>
                          <div class="hostName">{{ item.fDepartmentName }}</div>
                          <div class="hostName">{{ item.fAccount }}</div>
                        </div>
                      </div>
                    </el-radio-button>
                  </el-radio-group>
                </div>
              </div>
            </div>
          </div>
          <div class="newlyAdded_btn" v-if="btnShow">
            <el-button type="primary" @click="submitMember()">保存</el-button>
            <el-button type="warning" @click="dialogEditVisibleTree = false"
              >关闭</el-button
            >
          </div>
        </el-dialog>
      </div> -->
    </div>
  </div>
</template>

<script>
import actions from "@/actions";

import {
  getConcreteRecipeByFid, //详情
  saveConcreteRecipe, //保存
  getTotalAmountDetail, //弹框2列表详情接口
  // getStationmachineByfMachineid, //调骨料名接口
  getBaseDepartmentUser, //查人员
} from "@/api/request.js";
import TableData from "@/components/HntManage/el-tables"; //主页面列表
import Pagination from "@/components/public/el-pagination"; //主页面分页
import publicForm from "@/components/public/el-form.vue"; //弹框form
import formJs from "./regexDetail.js"; //新增弹框配置项

export default {
  name: "HntMixProportionText",
  data() {
    return {
      name: "HntMixProportionText",
      // 分页
      navigatepageNums: null, //是否显示分页
      queryCriteriaData: {},
      // 分页

      // 弹框
      timeYMD: null, //当前日期
      btnShow: true,
      disabled: false,
      dialogTitle: "",
      loadingEditDialog: false, //弹框loading
      dialogEditVisible: false, //新增弹框是否显示
      formObjText: formJs.formObj,
      formObjText1: formJs.formObj1,
      formObj: formJs.formObj, //信息编辑配置参数
      formObjs: formJs.formObjs, //信息查看配置参数
      formObj1: formJs.formObj1, //信息编辑配置参数
      formObj1s: formJs.formObj1s, //信息查看配置参数
      formData: formJs.formData,
      recordfiles: [], //删除文件
      fSourcefileList: [],
      saveData: formJs.saveData,
      getUserInitialList: [], //人员列表初始值
      // 弹框

      // 弹框2
      loadingEditDialogSC: false, //弹框loading
      dialogEditVisibleSC: false, //新增弹框是否显示
      formObjSC: formJs.formObjSC, //生产任务单弹框
      baseData: formJs.baseData,
      isShow: false,
      navigatepageNums1: null, //是否显示分页
      queryCriteriaData1: {}, //分页
      aggregateData: ["骨料1", "骨料2", "骨料3", "骨料4", "骨料5"],
      tableData1: [],
      tableList: {
        companyid: "", // 施工标段id
        taskNumber: "",
        page: 1, // 当前页码
        pageSize: 3, // 每页显示条数
      },
      // 弹框2
      Fdata: null, //上级页面传参
      userInfo: {}, //登录用户
    };
  },
  components: {
    TableData, //主页面列表
    Pagination, //分页
    publicForm, //表单
  },
  created() {
    // var aaa = Date.parse(new Date());
    // aaa = aaa / 1000;
    // console.log("时间戳", aaa);
  },
  mounted() {
    actions.onGlobalStateChange((state, prev) => {
      this.userInfo = prev.currentUser;
    }, true);

    this.getData();
  },
  methods: {
    goBack() {
      // this.$router.back();
      this.$router.push("/hntManage/hntMixProportion");
      window.sessionStorage.removeItem("GxEmbedded_HntMixProportion");
      window.sessionStorage.removeItem("GxEmbedded_coordinate_Wbs_Deta");
    },

    // 获取详情
    getConcrete(id) {
      console.log(111,id,this.Fdata.fCompanyid,this.Fdata.fCompanyName);
      if (id == "" || id == undefined) {
        getConcreteRecipeByFid({ fId: "" })
          .then((res) => {
            this.loadingEditDialog = false; //弹框loading
            var data=res.data.concreteRecipe
            if(this.$route.query.status == 2){
              this.formData = res.data.concreteRecipe;
            }
            if (JSON.parse(sessionStorage.getItem("GxEmbedded_coordinate_Wbs_Deta"))) {
              var WbsList = JSON.parse(
                sessionStorage.getItem("GxEmbedded_coordinate_Wbs_Deta")
              );
              if (WbsList.fLongname != "" && WbsList.fLongname != null) {
                this.formData.fEnginerringpart = WbsList.fLongname;
              } else {
                this.formData.fEnginerringpart = WbsList.fName;
              }
              this.formData.fEnginerringid = WbsList.fNodeid;
            }
            if (JSON.parse(sessionStorage.getItem("GxEmbedded_coordinate_treePeople"))) {
              var treePeopleData = JSON.parse(
                sessionStorage.getItem("GxEmbedded_coordinate_treePeople")
              );
              this.formData.fAppointstationtesterid = treePeopleData.fUserid;
              this.formData.fAppointstationtestername = treePeopleData.fRealname;
            }
            this.formData.fStationfile=data.fStationfile
            this.formData.fFillingfile=data.fFillingfile
            this.formData.fId=data.fId
            this.formData.fCompanyid = this.Fdata.fCompanyid; // 所属标段id
            this.formData.fCompanyname = this.Fdata.fCompanyName; // 所属标段名称
            this.formData.fProjectid = this.Fdata.fprojectid; // 所属项目id
            this.formData.fProjectname = this.Fdata.fprojectName; // 所属项目名称
            this.formData.fNoticedates = this.timeYMD; // 日期
            this.formData.fInformantid = this.userInfo.id; // 填报人id
            this.formData.fInformantname = this.userInfo.userName; // 填报人名称
            this.formData.fFillingdates = this.timeYMD; // 填报日期
          })
          .catch((err) => {
            console.log(err);
          });
      } else {
        getConcreteRecipeByFid({ fId: id })
          .then((res) => {
            this.loadingEditDialog = false; //弹框loading
            this.formData = res.data.concreteRecipe;
            this.fSourcefileList = res.data.fillingfile;
            var data=res.data.concreteRecipe
            if(this.$route.query.status == 2){
              this.formData = res.data.concreteRecipe;
            }
            this.formData.fStationfile=data.fStationfile
            this.formData.fFillingfile=data.fFillingfile
            this.formData.fId=data.fId
            if (JSON.parse(sessionStorage.getItem("GxEmbedded_coordinate_Wbs_Deta"))) {
              var WbsList = JSON.parse(
                sessionStorage.getItem("GxEmbedded_coordinate_Wbs_Deta")
              );
              if (WbsList.fLongname != "" && WbsList.fLongname != null) {
                this.formData.fEnginerringpart = WbsList.fLongname;
              } else {
                this.formData.fEnginerringpart = WbsList.fName;
              }
              this.formData.fEnginerringid = WbsList.fNodeid;
            }
            if (JSON.parse(sessionStorage.getItem("GxEmbedded_coordinate_treePeople"))) {
              var treePeopleData = JSON.parse(
                sessionStorage.getItem("GxEmbedded_coordinate_treePeople")
              );
              this.formData.fAppointstationtesterid = treePeopleData.fUserid;
              this.formData.fAppointstationtestername = treePeopleData.fRealname;
            }
          })
          .catch((err) => {
            console.log(err);
          });
      }
    },
    // 保存
    yj_saveForm() {
      console.log(this.$refs.publicForm0.submitForm());
      if (
        this.$refs.publicForm.submitForm() &&
        this.$refs.publicForm0.submitForm()
      ) {
        this.getUserInitialList.map((v) => {
          if (this.formData.fAppointstationtestername == v.fRealname) {
            this.formData.fAppointstationtesterid = v.fUserid;
          }
        });
        this.saveData = {
          fId: this.formData.fId,
          userId: this.userInfo.id,
          userName: this.userInfo.userName,
          fProjectname: this.formData.fProjectname,
          fProjectid: this.formData.fProjectid,
          fCompanyname: this.formData.fCompanyname,
          fCompanyid: this.formData.fCompanyid,
          fSlumplower: this.formData.fSlumplower,
          fStartdates: this.formData.fStartdates,
          fPlancalculation: this.formData.fPlancalculation,
          fDesigncalculation: this.formData.fDesigncalculation,
          fEnginerringpart: this.formData.fEnginerringpart,
          fEnginerringid: this.formData.fEnginerringid,
          fEnginerringname: this.formData.fEnginerringname,
          fStrengthlevel: this.formData.fStrengthlevel,
          fProducetasknumber: this.formData.fProducetasknumber,
          fNoticedates: this.formData.fNoticedates,
          fRecipenumber: this.formData.fRecipenumber,
          fAppointstationtestername: this.formData.fAppointstationtestername,
          fAppointstationtesterid: this.formData.fAppointstationtesterid,
          fFillingdates: this.formData.fFillingdates,
          fInformantname: this.formData.fInformantname,
          fInformantid: this.formData.fInformantid,
          fMaterialdetailid: this.formData.fMaterialdetailid,
          fSlumpupper: this.formData.fSlumpupper,
          fFillingfile: this.formData.fFillingfile,
          recordfiles: this.recordfiles, // 删除文件id集合
          materialList: this.formData.materialList,
          fStationfile: this.formData.fStationfile,
        };
        saveConcreteRecipe(this.saveData)
          .then((res) => {
            if (res.errcode == 0) {
              this.$router.push("/hntManage/hntMixProportion");
              window.sessionStorage.removeItem("GxEmbedded_HntMixProportion");
              window.sessionStorage.removeItem("GxEmbedded_coordinate_Wbs_Deta");
            } else {
              this.$message.error(res.msg);
              console.log("接口报错");
            }
          })
          .catch((error) => {
            console.log(error);
          });
      } else {
        console.log("error");
      }
    },

    // 点击查看
    yj_viewForm(row, label) {
      this.row = row;
      this.fId = row.fId;
      if (label == "配合比通知单编号") {
        this.editText(this.fId);
      } else if (label == "生产任务单编号") {
        this.editText2(row);
      }
    },

    // 查看
    editText(id) {
      this.formObjText = this.formObjs;
      this.formObjText1 = this.formObj1s;
      this.dialogTitle = "查看";
      this.btnShow = false;
      this.disabled = true;
      if (id != "" && id != null) {
        this.loadingEditDialog = true; //弹框loading
        this.dialogEditVisible = true;
        getConcreteRecipeByFid({ fId: id })
          .then((res) => {
            if (res.errcode == 0) {
              var that = this;
              that.loadingEditDialog = false;
              this.formData = res.data.concreteRecipe;
              this.fSourcefileList = res.data.fillingfile;
            } else {
              this.$message.error("查看", res.msg);
              this.loadingEditDialog = false;
            }
          })
          .catch(() => {
            console.log("查看---详情接口报错");
            this.loadingEditDialog = false;
          });
      } else {
        return this.$message.error("请先选择需要查看的数据");
      }
    },
    // 弹框2
    editText2(row) {
      // if (row.fMachineid !== "" && row.fMachineid !== null) {
      this.dialogEditVisibleSC = true;
      this.loadingEditDialogSC = true;
      this.tableList.taskNumber = row.fProducetasknumber;
      this.tableList.companyid = row.fCompanyid;
      this.tableList.page = 1;
      // getStationmachineByfMachineid({ machineId: row.fMachineid })
      //   .then((res1) => {
      //     if (res1.errcode == 0) {
      // console.log(res1);
      // this.aggregateData = [
      //   res1.data.yjQmpMsStationmachine.fParm1,
      //   res1.data.yjQmpMsStationmachine.fParm2,
      //   res1.data.yjQmpMsStationmachine.fParm3,
      //   res1.data.yjQmpMsStationmachine.fParm4,
      //   res1.data.yjQmpMsStationmachine.fParm5,
      // ];
      this.isShow = true;
      getTotalAmountDetail(this.tableList)
        .then((res) => {
          if (res.errcode == 0) {
            console.log("任务单号详情", res);
            var that = this;
            that.dialogEditVisibleSC = true;
            that.loadingEditDialogSC = false;
            that.tableData1 = res.data.pageInfo.list;

            this.baseData = {
              F_ProduceTaskNumber: row.fProducetasknumber, // 生产任务编号
              F_EngineeringName: row.fEnginerringname, // 工程名称
              F_EngineeringPartName: row.fEnginerringpart, // 工程部位
              F_StrengthGrade: row.fStrengthlevel, // 强度等级
              F_DischargeDates: that.tableData1[0].F_DischargeDates, // 出料时间
            };
            that.queryCriteriaData1 = res.data.pageInfo; //分页信息
            that.navigatepageNums1 =
              that.queryCriteriaData1.navigatepageNums.length;
          }
        })
        .catch(() => {
          console.log("任务单详情接口报错");
        });
      //   }
      // })
      // .catch(() => {
      //   console.log("骨料名称接口报错");
      // });
      // } else {
      //   return this.$message.error("本条数据暂时没有生产记录");
      // }
    },

    // 驻拌合站试验人下拉框
    getUser(id) {
      getBaseDepartmentUser({ fCompanyid: id })
        .then((res) => {
          if (res.errcode == 0) {
            this.getUserInitialList = []; //人员列表初始值
            var getUser = {
              value: "",
              label: "",
            };
            var getUserList = []; //人员列表过滤后

            res.data.childList.map((v) => {
              if (v.fDepartmentId == this.userInfo.departmentId) {
                this.getUserInitialList = v.personList;
                this.getUserInitialList.map((v) => {
                  getUser = {
                    value: v.fRealname,
                    label: v.fRealname,
                  };
                  getUserList.push(getUser);
                });
              }
            });
            this.formObj1[2].options = getUserList;
          } else {
            this.$message.error(res.msg);
            console.log("部门管理-查询部门列表以及下属人员,接口报错");
          }
        })
        .catch((error) => {
          console.log("部门管理-查询部门列表以及下属人员", error);
        });
    },

    getData() {
      
      if (JSON.parse(sessionStorage.getItem("GxEmbedded_HntMixProportion"))) {
        this.Fdata = JSON.parse(sessionStorage.getItem("GxEmbedded_HntMixProportion"));
        console.log("父数据", this.Fdata);
        this.getConcrete(this.Fdata.fId);
      }
      var time = new Date();
      const y = time.getFullYear();
      const m = (time.getMonth() + 1 + "").padStart(2, "0");
      const d = (time.getDate() + "").padStart(2, "0");
      this.timeYMD = `${y}-${m}-${d}`;
    },

    // 刪除
    delteFile(file) {
      for (let index = 0; index < this.fSourcefileList.length; index++) {
        if (file.uid == this.fSourcefileList[index].uid) {
          if (this.fSourcefileList[index].atta == undefined) {
            this.recordfiles.push({
              fId: this.fSourcefileList[index].fId,
            });
          } else {
            this.recordfiles.push({
              fId: this.fSourcefileList[index].atta.fId,
            });
          }
          this.fSourcefileList.splice(index, 1);
        }
      }
    },
    inputChange(value, index, prop) {
      return value, index, prop;
    },
    inputFocus(index, prop) {
      if (prop == "fAppointstationtestername") {
        this.$router.push({
          path: "/public/treePeople",
          query: {
            text: "1",
          },
        });
      }
    },
    clickDialog(index, prop) {
      // 选工程部位
      if (prop == "fEnginerringpart") {
        // this.getDataList();
        this.$router.push({
          path: "/tensionManage/tensionTaskListTree",
          query: {
            text: "砼-配合比",
          },
        });
      }
    },

    // 多选方法
    selectionChange() {},
    // 排序方法
    sortChange() {},
  },
};
</script>

<style scoped lang="less">
.printTables {
  background: #fff;
  display: flex;
  justify-content: end;
  padding: 5px;
  margin-top: 10px;
}

.dialogBody {
  padding: 3px 20px;
  height: 99.8%;
  overflow-y: auto;
}

.baseTitle {
  /* border: 1px solid #0c204d; */
  border-bottom: 1px solid #0c204d;
  height: 30px;
  line-height: 30px;
  position: relative;
  padding-left: 15px;
}

.baseTitle::after {
  display: block;
  content: "";
  height: 30px;
  width: 5px;
  position: absolute;
  left: 0;
  top: 0;
  background: #0c204d;
}

/* 砼配合比表格 */
.mixProportion {
  width: 99%;
  height: 150px;
  margin: 20px 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.titleBig {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
}

.title {
  height: 100%;
  width: 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ccc;
  font-size: 12px;
  font-weight: 700;
}

.title1 {
  display: flex;
  flex-direction: column;
}

.title1_1 {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

.title1_2 {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title1_2_1 {
  width: 33%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #ccc;
}

.title1_2_2 {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #ccc;
}

.titleSmall {
  width: 100%;
  height: 30px;
  border-bottom: 1px solid #ccc;
  /* background: #0c204d; */
  display: flex;
}

.title2 {
  width: 8%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #ccc;
}

.titleSmall /deep/ .el-input__inner {
  height: 27px !important;
  line-height: 26px !important;
  text-align: center;
  border: none;
}

.titleSmall /deep/ .el-input {
  line-height: 28px !important;
}

/* 砼配合比表格 */
/* 任务单弹框 */
.Multi_level_header /deep/.el-table__body-wrapper tr {
  height: 80px !important;
}

.Multi_level_header /deep/.el-table__body-wrapper .lineBoxhidden {
  height: 64px !important;
  line-height: 22px !important;
}

.Multi_level_header /deep/.el-table .el-table__body-wrapper .cell {
  height: 100% !important;
}

.materialClass /deep/.el-table tr:nth-child(4) {
  display: none;
}

#materialPage /deep/ .bgwarn2 {
  background: #e6a23c !important;
  color: #fff !important;
}

#materialPage /deep/ .bgwarn1 {
  background: #409eff !important;
  color: #fff !important;
}

#materialPage /deep/ .bgwarn3 {
  background-color: #f56c6c !important;
  color: #fff !important;
}

#materialPage /deep/ .bgwarn4 {
  background-color: rgb(212, 179, 137) !important;
  color: #fff !important;
}

/* 任务单弹框 */
</style>